$(".footer").load("login.html .footer");

function isTest() {
    return isUserName() && isPass();
}

function isUserName() {
    if ($("#username").val() == "") {
        return false;
    }

    let reg = /^1(3|5|7)\d{9}$/;

    if (!reg.test($("#username").val())) {
        return false;
    }
    return true;
}

function isPass() {
    if ($("#userpass").val() == "") {
        return false;
    }

    let reg = /^\d{6,16}$/;
    if (!reg.test($("#userpass").val())) {
        return false;
    }
    return true;
}

let hasUser = false;

function hasUserBack() {
    $.get(
        "goodsAndShoppingCart/checkUser.php", {
            username: $("#username").val(),
        },
        function (data) {
            if (data == "0") {
                $("#showUser").html("亲，该用户名已经存在，请重新思考！");
                $("#showUser").css({
                    color: "red",
                });
                hasUser = true;
            } else {
                $("#showUser").html("亲，该用户名可以使用，赶紧注册吧！");
                $("#showUser").css({
                    color: "green",
                });
                hasUser = false;
            }
        }
    );
}

$(function () {
    $("#username").blur(function () {
        if (isUserName() == false) {
            $("#showUser").html("亲，用户名的格式不正确！");
            return;
        }

        hasUserBack();
    });

    $("#userpass").blur(function () {
        if (isPass() == false) {
            $("#showPass").html("亲，密码格式不正确	！");
            return;
        } else {
            $("#showPass").html("√");
        }
    });

    $(".regBtn").click(function () {

        if (isTest() == false) {
            $("#messageBox").html("亲，您的信息输入不全");
            return;
        }

        if (hasUser) {
            return;
        }

        $.post(
            "goodsAndShoppingCart/addUser.php", {
                username: $("#username").val(),
                userpass: $("#userpass").val(),
            },
            function (data) {
                if (data == "success") {
                    $("#messageBox").css({
                        color: "green",
                    });
                    $("#messageBox").html(
                        "恭喜您，注册成功！2秒后跳转到<a href='login.html'>登录</a>页面"
                    );
                    setTimeout(() => {
                        location.href = "login.html";
                    }, 2000);
                } else if (data == "fail") {
                    $("#messageBox").css({
                        color: "red",
                    });
                    $("#messageBox").html("不好意思，注册失败!");
                } else {
                    $("#messageBox").css({
                        color: "red",
                    });
                    $("#messageBox").html("不好意思，服务器出问题了!");
                }
            }
        );
    });
});

// 显示隐藏密码
$(".hideEye").click(function () {
    $(this).prev().children().attr("type", "text");
    $(this).hide();
    $(this).next().show();
});

$(".showEye").click(function () {
    $(this).prev().prev().children().attr("type", "password");
    $(this).hide();
    $(this).prev().show();
});

$(".getCode").click(function () {
    $(this).prev().children().attr("placeholder", "521520");
    $(this).css({
        boxShadow: "3px 3px #888"
    })
})

$(".slide").mouseover(function () {
    $(this).stop().animate({
        left: 570,
    }, 500)
})

$(".regBtn").click(function () {
    $(this).css({
        backgroundColor: "#0ca08a"
    })
})